<div class="container-fluid">
    <div class="row">
        <div class="col-xs-12">
            <h3 class="page-header"><i class="fa fa-info fa-fw"></i><span  data-i18n="support_label_title">Support Hyperion</span></h3>
			<div id="supp_intro"></div>
		<div class="col-xs-12">
			<hr>
			<h4 style="font-weight: bold"  data-i18n="support_label_webrestitle">Information and help ressources</h4>
			<a href="https://hyperion-project.org" target="_blank" class="unlink">
				<div class="col-xs-12 col-sm-6 col-lg-3 support-container">
					<i class="fa fa-globe bg-color-wf"></i>
					<h4  data-i18n="support_label_webpagetitle">Webpage</h4>
					<p  data-i18n="support_label_webpagetext">Home of Hyperion</p>
				</div>
			</a>
			<a href="https://docs.hyperion-project.org" target="_blank" class="unlink">
				<div class="col-xs-12 col-sm-6 col-lg-3 support-container">
					<i class="fa fa-book bg-color-wf"></i>
					<h4  data-i18n="support_label_wikititle">Documentation</h4>
					<p  data-i18n="support_label_wikitext">The A to Z source for almost everything Hyperion related</p>
				</div>
			</a>
			<a href="https://hyperion-project.org/forum/" target="_blank" class="unlink">
				<div class="col-xs-12 col-sm-6 col-lg-3 support-container">
					<i class="fa fa-comments bg-color-wf"></i>
					<h4  data-i18n="support_label_forumtitle">Forum</h4>
					<p  data-i18n="support_label_forumtext">Showcases, discussions, help and more</p>
				</div>
			</a>
			<a href="https://github.com/hyperion-project" target="_blank" class="unlink">
				<div class="col-xs-12 col-sm-6 col-lg-3 support-container">
					<i class="fa fa-github bg-color-wf"></i>
					<h4>Github</h4>
					<p  data-i18n="support_label_ghtext">Visit our Github repository</p>
				</div>
			</a>
		</div>
	</div>
</div>

<script type="text/javascript">
	performTranslation();
	createHintH("intro", $.i18n('support_label_intro'), "supp_intro");
  removeOverlay();
</script>
